<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jstl/core_rt"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>美嘉饲料</title>
<link href="<%=basePath%>skin/css/public.css" rel="stylesheet" type="text/css" />
<link href="<%=basePath%>skin/css/userFollow.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="<%=basePath%>skin/js/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="<%=basePath%>skin/js/common.js"></script>
<script type="text/javascript" src="<%=basePath%>skin/js/sdmenu.js"></script>
<script type="text/javascript" src="<%=basePath%>skin/js/jquery-ui.min.js"></script>
<script type="text/javascript" src="<%=basePath%>skin/js/select-widget-min.js"></script>	
<script type="text/javascript" src="<%=basePath%>skin/js/public.js"></script>
<script type="text/javascript">
$(document).ready(function(){
	navi()
}); 
	var myMenu;
	window.onload = function() {
		myMenu = new SDMenu("my_menu");
		myMenu.init();
	};
	$().ready(function(){
		 $("#menu_favorite").attr("class","select");
		 
		 var $delete = $("a.delete");
		 $delete.click(function(){
			 if(confirm("确定要取消关注该商品吗？")) {
				 var $this = $(this);
				 var $tr = $this.closest("tr");
				 var id = $tr.find("input[name='id']").val();
				 $.ajax({
						url: "<%=basePath%>member/favorite/delete.shtml",
						type: "POST",
						data: {productId: id},
						cache: false,
						beforeSend: function() {
							$delete.prop("disabled", true);
						},
						success: function(data) {
							var success = data.success;
							if (success == "true") {
								alert("取消关注成功");
							} else {
								alert("取消关注失败");
							}
							location.reload(true);
						},
						complete: function() {
							$delete.prop("disabled", false);
						}
					});
			 }
			 return false;
		 });
	});
</script>
</head>
<body>
	<div class="order">
    	<div class="container">
    		<div class="header-wrap">
            	<c:import url="/layouts/top.jsp" />
                <c:import url="/layouts/head.jsp" />
                <div class="nav-warp">
					<div class="nav-main-warp wp">
						<div class="head-v3">
							<div class="navigation-up">
								<div class="navigation-inner">
									<div class="navigation-v3">
										<ul>
											<li class="fLeft navi_product first" _t_nav="product">
												<h2>
													<a href="<%=basePath%>shop/product/list.shtml">全部产品
														<img src="<%=basePath%>skin/images/all-product-arrow.png" />
													</a>
												</h2>
											</li>
											<li class="nav-up-selected-inpage fLeft" _t_nav="home">
												<h2>
													<a href="<%=basePath%>">美嘉商城</a>
												</h2>
											</li>
											<li class="fLeft self_community" _t_nav="community">
												<h2>
													<a href="javascript:void(0)">美嘉社区</a>
												</h2>
											</li>
											<li class="fLeft technology" _t_nav="technology">
												<h2>
													<a href="#">饲养技术</a>
												</h2>
											</li>
											<li class="fLeft server" _t_nav="server">
												<h2>
													<a href="">美嘉服务</a>
												</h2>
											</li>
											<li class="fLeft know" _t_nav="know">
												<h2>
													<a href="aboutMJ.html">了解美嘉</a>
												</h2>
											</li>
											<li class="fLeft navi_cart" _t_nav="cart">
												<h2>
													<a href="<%=basePath%>cart/list.shtml">
														<img src="<%=basePath%>skin/images/cart-icon.png" />购物车（<span id="cartnum">0</span>）
													</a>
												</h2>
											</li>
										</ul>
									</div>
								</div>
							</div>
							<div class="navigation-down">
								<div id="product" class="nav-down-menu menu-1"
									style="display: none;" _t_nav="product">
									<div class="navigation-down-inner">
										<c:forEach items="${productCategoryTree }" var="productCategory">
											<c:if test="${productCategory.grade == 0 }">
												<div class="navi-down-area">
													<a href="<%=basePath%>shop/product/list.shtml?productCategoryId=${productCategory.id }" class="product-cate">
														<img src="<%=basePath%>download.shtml?filepath=${productCategory.source}" />
													</a>
													<ul>
														<li><a href="<%=basePath%>shop/product/list.shtml?productCategoryId=${productCategory.id }">${productCategory.name}</a></li>
														<div class="clear"></div>
													</ul>
												</div>
											</c:if>
										</c:forEach>
									</div>
								</div>
								
								<div id="community" class="nav-down-menu menu-3" style="display: none;" _t_nav="community">
                                    <div class="navigation-down-inner">
                                    	<div class="navi-down-area-second">
                                        	<a href="<%=basePath%>forumTopic/list.shtml" class="product-cate"><img src="<%=basePath%>skin/images/mjbbs.png" /></a>
                                        </div>
                                        <div class="navi-down-area-second">
                                        	<a href="<%=basePath%>collegeTopic/list.shtml" class="product-cate"><img src="<%=basePath%>skin/images/mjschool.png" /></a>
                                        </div>
                                    </div>
                                </div>
							</div>
						</div>
					</div>
				</div>
            </div>
        	<div class="content">
            	<div class="link_navi"><a href="<%=basePath%>">主页</a> > <a href="<%=basePath%>member/index.shtml">用户中心</a> > <a href="<%=basePath%>member/order/list.shtml">已买到的商品</a></div>
                <div class="order-content clearfix">
                	<c:import url="../left.jsp" />
                    <div class="col-main">
                        <div class="main-wrap">
							<div class="main-wrap">
                                <div id="main-content">
                                    <div class="bought-list">
                                        <table class="bought-table">
                                            <colgroup>
                                                <col class="baobei">
                                                <col class="price">
                                                <col class="trade-operate">
                                            </colgroup>
                                            <thead>
                                                <tr class="col-name">
                                                    <th class="baobei">商品</th>
                                                    <th class="price">单价(元)</th>
                                                    <th class="trade-operate">交易操作</th>
                                                </tr>
                                                <tr class="sep-row">
                                                    <td colspan="9"></td>
                                                </tr>
                                                 <tr class="sep-row">
                                                    <td colspan="9"></td>
                                                </tr>
                                            </thead>
                                            <c:forEach items="${favoriteProducts }" var="favoriteProduct">
                                            <tbody>
                                                <tr class="order-bd last order-last">
                                                    <td class="baobei">
                                                        <a class="pic" href="<%=basePath%>shop/product/detail.shtml?productId=${favoriteProduct.id}" target="_blank">
                                                        	<img class="itemInfo-pic" width="220" height="220" title="${favoriteProduct.name}" src="<%=basePath%>download.shtml?filepath=${favoriteProduct.thumbnail} "/>
                                                        </a>
                                                        <div class="desc">
                                                        <p class="baobei-name">
                                                        <input type="hidden" name="id" value="${favoriteProduct.id}" />
                                                        <a  href="<%=basePath%>shop/product/detail.shtml?productId=${favoriteProduct.id}" target="_blank" > 
															${favoriteProduct.name }
                                                        </a>
                                                        </p>
                                                        <div class="spec" title="">
                                                           	${favoriteProduct.name }
                                                        </div>
                                                        <span class="good-icons">
                                                        </span>
                                                        </div>
                                                    </td>
                                                    <td class="price" >
                                                        <i class="special-num"><fmt:formatNumber value="${favoriteProduct.price}" pattern="0.00"/></i>
                                                    </td>
                                                    <td class="trade-operate" rowspan=" 1 ">
                                                        <span>
                                                            <a class="detail-link" href="javascript:addCar(${favoriteProduct.id});"> 加入购物车 </a>
                                                            <a class="delete detail-link" href="javascript:;">取消关注 </a>
                                                        </span>
                                                    </td>
                                                </tr>
                                            </tbody>
                                            </c:forEach>
                                            <tfoot>
                                            <tr class="sep-row">
                                                <td colspan="7"></td>
                                            </tr>
                                            <tr class="toolbar toolbar-bottom">
                                                <td colspan="7">
                                                <div class="paging-box paging-full">
                                                </div>
                                                </td>
                                            </tr>
                                            </tfoot>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div> 
			</div>
			<c:import url="/layouts/foot2.jsp" />
        </div>
    </div>
</body>
</html>
